<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内联样式示例</title>
</head>
<style>
p.one
{
	border-top-style:dotted;
	border-right-style:solid;
	border-bottom-style:dotted;
	border-left-style:solid;
	border-color:rgb(0, 94, 255);
}
p.two
{
	border-style:solid;
	border-color:#bf2121;
} 
</style>
</head>

<body>
<p class="one">实线蓝色边框</p>
<p class="two">实线红色边框</p>
<p><b>注意:</b> 我的CSS第一次尝试</p>
</body>
<body>
    <h1 style="color: blue; text-align: center;">使用内联样式的标题</h1>
    <p style="color: rgb(195, 0, 255); font-size: 18px;">这是一个使用内联样式的段落。</p>
    <div style="background-color: yellow; padding: 10px;">
        <p>这是一个在黄色背景div中的段落。</p>
    </div>
</body>
</html>